<script setup lang="ts">

import type {BasicInfo} from "@/typex/modules/item.ts";

const props = defineProps({
    buttons: {
        type: Array<BasicInfo> || [],
        required: true
    },
    handel: {
        type: Function,
        required: false
    }
})
const ToHandle = (item: BasicInfo) => {
}
</script>
<template lang="pug">

li(v-for="(item,index) in buttons" ) {{item.name}}
    a
        NImage(:src="item.icon"  width="50" object-fit="cover" preview-disabled=true )

</template>

<style scoped lang="scss">
.icon_button {
    display: flex;
    padding: 0px 10px 10px 15px;
    border-radius: 8px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    height: 23px;
}

.icon {
    position: relative;
    align-items: center;
    height: 23px;
    margin-top: 10px;
    padding: 2px 2px 2px 2px;
}

</style>